<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>

<div id="app_t_1">
<!--    v-if 是否显示， v-show 也是是否显示，只是v-show只是在标签上添加了display-->
    v-if, v-show<br/>
    <input type="button" value="change" @click="seed = ! seed">
    <h5 v-if="seed">你看不见我</h5>
    <h5 v-show="seed">你也看不见我</h5><br/>

    v-else
    <h5 v-if="!seed">你看不见我，看不见</h5>
    <h5 v-else>你也看不见我，也看不见</h5>
</div>

<script>
    let v = new Vue({
        el: '#app_t_1',
        data: {
            seed: false
        }
    });
</script>

</body>
</html>